<template>
    <ul class="addpoint-main">
        <AddPointItem v-for="point in points" :key="point.id" :point="point"></AddPointItem>
    </ul>
</template>
<script>
    import AddPointItem from './AddPointItem.vue';

    export default{
        name:'AddPointList',
        components: {AddPointItem},
        props: ['points'],
    }
</script>
<style scoped>
.addpoint-main{
    box-sizing: border-box;
    height: 62%;
    margin-left: 0;
    border: 1px solid #ddd;
    border-radius: 0.125rem;
    padding: 0;
    overflow: auto;
    background-color: #fff;
}
</style>